<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 23827
  Date: 2019/9/25
  Time: 21:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>发布的服务订单</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


    <link rel="stylesheet" href="../plugins/layui/css/layui.css" media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->

    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <!-- 引入H+框架的样式文件 -->
    <link href="../plugins/Hplus-v.4.1.0/css/style.css?v=4.1.0" rel="stylesheet">

    <link rel="stylesheet" href="../css/order/releaseServiceOrder.css" type="text/css">

</head>


<body>
<%@ include file="../common/nav.jsp"%>

<ul class="layui-nav" lay-filter="">

    <li class="layui-nav-item first-nav"><a href="${path}/service/release" style="text-decoration: none">发布的服务订单</a></li>
    <li class="layui-nav-item "><a href="${path}/service/enrolment" style="text-decoration: none">报名的需求订单</a></li>

</ul>


<div class="layui-tab">
    <ul class="layui-tab-title">
        <li class="layui-this" id="all">全部</li>
        <li>未预约</li>
        <li>已预约</li>
        <li>已完成</li>
        <%--<li>已完成</li>--%>
    </ul>

    <p class="p1">发布的服务订单</p>

    <div class="layui-tab-content" style="margin-top: -15px">
        <div class="layui-tab-item layui-show">
            <div class="row">
                <div class="col-sm-12">
                    <div class="wrapper wrapper-content">
                        <div class="row animated fadeInRight">
                            <div class="col-sm-12">
                                <div class="ibox float-e-margins">
                                    <div class="" id="ibox-content">
                                        <div id="vertical-timeline" class="vertical-container light-timeline">
                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-briefcase"></i>
                                                </div>

                                                <c:forEach items="${serviceOrderVoList}" var="svo">
                                                    <c:if test="${svo.status != 0}">
                                                <div class="vertical-timeline-content" id="timeline" style="margin-top: 10px">
                                                    <p>订单编号:${svo.orderNumber}
                                                    </p>
                                                    <h2>${svo.title}</h2>
                                                    <p>¥&nbsp;${svo.total}
                                                    </p>
                                                    <%--<a href="#" class="btn btn-sm btn-primary"> 更多信息</a>--%>
                                                    <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>${atime}</small>
                                                        </span>
                                                </div>
                                                    </c:if>
                                                </c:forEach>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-tab-item">
            <div class="row">
                <div class="col-sm-12">
                    <div class="wrapper wrapper-content">
                        <div class="row animated fadeInRight">
                            <div class="col-sm-12">
                                <div class="ibox float-e-margins">
                                    <div class="" id="ibox-content">
                                        <div id="vertical-timeline" class="vertical-container light-timeline">
                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-briefcase"></i>
                                                </div>

                                                <c:forEach items="${serviceOrderVoList}" var="svo">
                                                    <c:if test="${svo.status == 1}">
                                                    <div class="vertical-timeline-content" id="timeline" style="margin-top: 10px">
                                                        <p>订单编号:${svo.orderNumber}
                                                        </p>
                                                        <h2>${svo.title}</h2>

                                                        <p>¥&nbsp;${svo.total}
                                                        </p>
                                                        <%--<a href="#" class="btn btn-sm btn-primary"> 更多信息</a>--%>
                                                        <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>${atime}</small>
                                                        </span>
                                                    </div>
                                                    </c:if>
                                                </c:forEach>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-tab-item">
            <div class="row">
                <div class="col-sm-12">
                    <div class="wrapper wrapper-content">
                        <div class="row animated fadeInRight">
                            <div class="col-sm-12">
                                <div class="ibox float-e-margins">
                                    <div class="" id="ibox-content">
                                        <div id="vertical-timeline" class="vertical-container light-timeline">
                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-briefcase"></i>
                                                </div>
                                                <c:forEach items="${serviceOrderVoList}" var="svo">
                                                    <c:if test="${svo.status == 2}">
                                                    <div class="vertical-timeline-content" id="timeline" style="margin-top: 10px">
                                                        <p>订单编号:${svo.orderNumber}
                                                        </p>
                                                        <h2>${svo.title}</h2>

                                                        <p>¥&nbsp;${svo.total}
                                                        </p>
                                                        <%--<a href="#" class="btn btn-sm btn-primary"> 更多信息</a>--%>
                                                        <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>${atime}</small>
                                                        </span>
                                                    </div>
                                                    </c:if>
                                                </c:forEach>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-tab-item">
            <div class="row">
                <div class="col-sm-12">
                    <div class="wrapper wrapper-content">
                        <div class="row animated fadeInRight">
                            <div class="col-sm-12">
                                <div class="ibox float-e-margins">
                                    <div class="" id="ibox-content">
                                        <div id="vertical-timeline" class="vertical-container light-timeline">
                                            <div class="vertical-timeline-block">
                                                <div class="vertical-timeline-icon lazur-bg">
                                                    <i class="fa fa-briefcase"></i>
                                                </div>

                                                <c:forEach items="${serviceOrderVoList}" var="svo">
                                                    <c:if test="${svo.status == 3}">
                                                        <div class="vertical-timeline-content" id="timeline" style="margin-top: 10px">
                                                            <p>订单编号:${svo.orderNumber}
                                                            </p>
                                                            <h2>${svo.title}</h2>

                                                            <p>¥&nbsp;${svo.total}
                                                            </p>
                                                            <%--<a href="#" class="btn btn-sm btn-primary"> 更多信息</a>--%>
                                                            <span class="vertical-date">
                                                            18862606502 <br>
                                                            <small>${atime}</small>
                                                        </span>
                                                        </div>
                                                    </c:if>
                                                </c:forEach>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<%@ include file="../common/footer.jsp"%>


<script src="../plugins/layui/layui.all.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!--引入bootstrap的js文件-->
<script src="../plugins/bootstrap/js/bootstrap.js"></script>
<script>
    $(document).ready(function () {
        dropdownOpen();//调用
    });
    /**
     * 鼠标划过就展开子菜单，免得需要点击才能展开
     */
    function dropdownOpen() {

        var $dropdownLi = $('li.dropdown');

        $dropdownLi.mouseover(function () {
            $(this).addClass('open');
        }).mouseout(function () {
            $(this).removeClass('open');
        });
    }
</script>


<script>
    layui.use('element', function () {
        var $ = layui.jquery
            , element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

    });
</script>

</body>

</html>
